<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            text-decoration: none;
        }
        a:link{
            font-size: 22px;
            color: #8d1eff;
        }
        a:visited{
            font-size: 18px;
            color: #fff246;
        }
        a:hover{
            font-size: 30px;
            color: #ff70da;
        }
        a:active{
            font-size: 35px;
            color: #ff70da;
        }
    </style>

</head>
<body>
<a href="#a">link1</a>|
<a href="#b">link2</a>|
<a href="#c">link3</a>
</body>
</html>